<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="format-detection" content="date=no" />
		<title>编辑信息</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link href="css/common.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/smh_alert.css"/>
    <script src="js/common.js"></script>
	</head>
	<body class="me_editor">
	  <header class="top">
      <nav>
        <div class="left left_close"></div>
          <div class="logo"></div>
          <a href="#"><div class="right right_close"></div></a>
      </nav>
      <ul class="open_list">
          <li><a href="index.html" class="first_a">首页</a></li>
          <li class="open_list_class">
            <a href="javascript:;" class="first first_a">服务项目<em class="jt"></em></a>
            <ul class="section">
              <li><a href="family_education.html">家庭教育</a></li>
              <li><a href="train.html">校园培训</a></li>
              <li><a href="service_xwkc.html">校外课程</a></li>
              <li><a href="tech.html">技术支持</a></li>
            </ul>
          </li>
          <li><a href="cooperation.html" class="first_a">诚邀合作</a></li>  
          <li><a href="about_us.html" class="first_a">关于我们</a></li>
      </ul>
      <ul class="me_list">
          <li><a href="me_editor.html" class="a_active first_a">修改信息</a></li>
          <li><a href="me_images.html" class="first_a">我的图片</a></li>
          <li><a href="login.html" class="first_a">退出登录</a></li>
      </ul>
    </header>
	  <article>
	    <section class="top_img"><img src="./images/editor_bg.png"/></section>
	    <img src="./images/user_img.png" class="user_img"/>
	    <h1>用户名</h1>
	    <form action="">
	      <p><label for="">用户名：</label><input type="text" smh_required="用户名不能为空"/></p>
	      <p><label for="">手机号：</label><input type="text" smh_required="手机号不能为空" smh_phone="手机号格式错误"/></p>
	      <p><label for="">性&nbsp;&nbsp;&nbsp;&nbsp;别：</label><input type="radio" name="sex" checked=""/><em class="sex">男</em><input type="radio" name="sex"/><em class="sex">女</em></p>
	      <div class="editor_pw">修改密码<em class="em_close"></em></div>
	      <div class="pw_list">
	        <p><label for="">原密码：</label><input type="password"/></p>
          <p><label for="">新密码：</label><input type="password"/></p>
          <p><label for="">确认密码：</label><input type="password" class="last_input"/></p>
          <p class="pw_button"><em class="pw_submit">确认</em><em class="pw_close">关闭</em></p>
	      </div>
	      <div class="submit">保存</div>
	    </form>
	  </article>
	  <footer class="bottom">
      <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
      <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
      <p>乐知鱼版权所有，京ICP备16063606号</p>
    </footer>
	  <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/smh_alert.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	 $(function(){
    	   //修改密码展开
    	   $('.editor_pw').click(function(){
    	     if($(this).find('em').hasClass('em_open')){
    	       $('.editor_pw').find('em').removeClass('em_open').addClass('em_close');
    	       $('.pw_list').hide();
    	     }else{
    	       $('.editor_pw').find('em').addClass('em_open').removeClass('em_close');
    	       $('.pw_list').show();
    	     }
    	   });
    	   $('.pw_submit').click(function(){
    	       //判断原密码是否正确,判断两次密码是否一致,成功后执行下面代码
    	       if($('.pw_list input:eq(0)').val()==""||$('.pw_list input:eq(1)').val()==""||$('.pw_list input:eq(2)').val()==""){
    	         alertmessage('必填项不能为空');
    	         return false;
    	       }else if($('.pw_list input:eq(1)').val()!=$('.pw_list input:eq(2)').val()){
    	         alertmessage('两次输入密码不一致');
             return false;
    	       }
           $('.editor_pw').find('em').removeClass('em_open').addClass('em_close');
           $('.pw_list').hide();
         });
         $('.pw_close').click(function(){
           //清空数据
           $('.pw_list input').val('');
           $('.editor_pw').find('em').removeClass('em_open').addClass('em_close');
           $('.pw_list').hide();
         });
         //点击保存
         $('.submit').click(function(){
           var bool=smh_alert();
           if(bool){
             //格式判断成功,可以调后台
             return true;
           }
         });
    	 });
    </script>
	</body>
</html>
